<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>playcnc</title>
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<link href="css/bootstrap.min.css" rel="stylesheet" media="screen">

	<link href="css/site.css" rel="stylesheet" media="screen">
	<link rel="shortcut icon" href='assets/images/favicon.ico' />
	<meta property="og:title" content="playcnc" />
	<meta name="description" content="Playing your favourite games is free and simple, with the most powerful online platform at your fingertips." />
	<meta property="og:description" 
	  content="Playing your favourite games is free and simple, with the most powerful online platform at your fingertips." />
	<meta property="og:url" content="http://www.playcnc.net" />
	<meta property="og:image" content="http://www.playcnc.net/assets/images/meta_image.png" />
	<link rel="image_src" href='assets/images/meta_image.png' />
</head>

<body>
	<?php include_once("lib/analyticstracking.php") ?>
	<section id="login">
		<div class="container">
			<div class="row">
				<div class="span6">
					<form method="POST" action="?">
						<input type="hidden" name="method" value="login">
						<h2 class="form-signin-heading">We're not accepting registrations yet!</h2><br>
						<div class="input-prepend">
							<span class="add-on"><i class="icon icon-user"></i></span>
							<input type="text" name="username" value="" placeholder="Email address">
						</div>
						<div class="input-prepend">
							<span class="add-on"><i class="icon icon-pencil"></i></span>
							<input type="password" name="password" placeholder="Password">
						</div>
						<button class="btn btn-medium btn-secondary" type="submit">Begin</button>

					</form>
				</div>
				<div class="span5">
					<h2 class="form-signin-heading">How do I make an account?</h2>
					<ul>
						<li>Be sure to subscribe to our mailing list for the latest updates.</li>
					</ul>
				</div>
				<div class="span1">
					<div id="close-login">Close <i class="icon-remove"></i>
					</div>
				</div>
			</div>
		</div>
	</section>

	<section id="top">
		<div class="logo">
			<div class="container">
				<div class="row">
					<div class="span3">
						<ul class="logo left">
							<li><a href="#" title="#"><img src="assets/images/logo.png" alt=""></a></li>
						</ul>
					</div>

					<div class="span9">
						<ul class="nav right">
							<li><a href="#top" title="Go home">Home</a></li>
							<li><a href="#feature" title="What we offer">Features</a></li>
							<li><a href="#games" title="Games we host">Games</a></li>
							<li><a href="#about" title="About us">About</a></li>
							<li><a href="#top" title="Setup your playcnc account">Get started</a></li>
							<li><a href="#top" id="dropdown" title="Sign in to your account">Sign in</a></li>
						</ul>
					</div>
				</div>
			</div>
		</div>
	</section>
	
	<section id="middle">
		<div id="feature-mid" class="container">
			<div class="row">
				<div class="span9">
					<h1>Command and Conquer Online, play multiplayer with your friends</h1>
					Playing your favourite games is free and simple, with the most powerful online platform at your fingertips.
				</div>

				<div class="span3">
					<a href="#" id="signup" class="orange btn btn-primary pull-right">Tell me when it's ready!</a>
				</div>
			</div>
			<div class="row margin">
				<div class="span4">	

				</div>	

				<div class="span4">
					<ul class="list_inline">
						<li><a href='http://www.facebook.com/share.php?u=http://www.playcnc.net' class="btn-minwidth btn-facebook btn btn-primary">Share us <i class=" icon-thumbs-up icon-white"></i> on facebook </a></li>

						<li><a class="facebookshare count rounded"></a></li>
					</ul>
				</div>
				<div class="span4">
		
				</div>
			</div>
		</div>
	</section>

	<section id="register">
		<div id="feature-register" class="container">
			<div class="row">
				<div class="span8">
					<ul>
						<li>
							<h1>Don't be the last to know, subscribe!</h1>
							<p>If you would like to be subscribed to our mailing list, just enter your email below.</p>
							<form method="POST" action="?" id="subscribe">
								<input type="hidden" name="method" value="login">
								<div class="input-prepend">
									<span class="add-on"><i class="icon icon-user"></i></span>
									<input type="text" name="email" value="" placeholder="Enter your email address">
								</div>
								<button class="btn btn-medium btn-secondary" type="submit">Subscribe</button>
							</form>
						</li>
						<li style="display:none;">
							<h1>Thank you for subscribing</h1>
							<p>You have successfully been added to our mailing list and will be notified of our updates.</p>
						</li>
					</ul>
				</div>
				<div class="span4">
						<h1>Alternatively our social channels</h1>
						<p>Never miss an update with our regular updates</p>
						<a href="http://facebook.com/playcnc" class="btn-facebook btn btn-primary">Like us on Facebook</a>
						<a href="http://twitter.com/playcnc" class="btn-twitter btn btn-primary">Follow us on Twitter</a>
				</div>
			</div>
		</div>
	</section>

	<section id="feature">
		<div class="jumbotron feature">
			<div class="container">
				<div class="row">

					<div class="span6">
						<img src="assets/images/awards.png" alt="ranks">
					</div>	

					<div class="span6">
						<h1 class="jumbotron">New Ranking experience, gadgets and dashboards
							<br></h1>
							<p>Rewarding players is the most important part of online experience. Play with buddies, complete strangers, team up into battleclans, and at earning that all important profile experience and making sure you're well ahead of your opponents and friends statistics. <br><br/>Everyones allowed some braggin' rights! </p>
							<div class="clearfix"></div> 
						</div>

					</div>
				</div>
			</div>
	</section>

	<section id="about">
		<div class="jumbotron about">
			<div class="container">
				<div class="row">
					<div class="span7">
						<h1 class="jumbotron left">Re-ignite that Command and Conquer nostalgia...<br>
							<small></small><br>
						</h1>
						<div class="clearfix"></div>
						<p>Scream over those long fought victories. We cover your best and worst games in our amazing new battlelog. Tell me when it's ready! <a href="#top" title="Subscribe to our mailing list">Tell me when its ready!</a></p>
					</div>
					<div class="span5">

					</div>
				</div>
			</div>
		</div>
	</section>

	<section id="games">
		<div class="jumbotron feature">
			<div class="container">
				<div class="row">

					<div class="span6">
						<img src="assets/images/shout.png" alt="share us">
					</div>	

					<div class="span6">
						<h1 class="jumbotron">help us get the word out first
							<br><small>Spread the word and help the developers</small></h1>
							<p>An online platform designed for every Command & Conquer Multiplayer game. <br><br />
							Help us get the word out by simply showing your interest and subscribing to our mailing list. Invite friends, family, past c&amp;c buddies to this exciting adventure we want to share with everyone.</p>
						</div>

					</div>
				</div>
			</div>
	</section>

	<footer>
		<div class="jumbotron footer">
			<div class="container">
				<div class="row">

					<div class="span6">
					<nav>
						<a href="#about" title="about playcnc">about us</a>
						<a href="#" title="">games (coming soon) </a>
						<a href="#" title="">press (coming soon)</a>
					</nav>
						<a class="social" href="http://facebook.com/playcnc" title="playcnc facebook"><img src="assets/images/facebook.png" alt=""></a> 
						<a class="social" href="http://twitter.com/playcnc" title="playcnc twitter"><img src="assets/images/twitter.png" alt=""></a>
						<small><em>Mind your step, its a footer. </em>Copyright PlayCnC 2013</small>
					</div>
					<div class="span6">
						<section id="tweet">
							<div id="twitter"></div>
						  	<small><img src="assets/images/tweet.png" alt="" /> We tweet, <a href="https://twitter.com/PlayCnC" title="playcnc">@playcnc</a></small>
						</section>	
					</div>
			
				</div>
			</div>
		</div>
	</footer>

	<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/jquery.cookie.js"></script>
	<script src="js/scroll.js"></script>
	<script src="js/site.js"></script>
	<script type="text/javascript">
		(function ($) {
			$(document).ready(function () {
				var $user = $('input[name="email"]'), $form = $('form#subscribe');

				$('button[type="submit"]').bind('click', function(e) {
					e.preventDefault();

					$.ajax({
						url: 'subscribe.php',
						type: 'POST',
						data: { email: $user.val() },
						success: function (data) {
							$.cookie('subscribed', 'true');
							$form.parent().slideUp().next().slideDown();
						}
					});

					return false;
				});

				var subscribed = $.cookie('subscribed');
				if (typeof subscribed != 'undefined') {
					$form.parent().hide().next().show();
				}
				
			});
		})(jQuery);
	</script>
</body>
</html>

	

	
